<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="/struts-tags" prefix="s" %>

<html>
    <head>
        <!-- generic styles -->
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/style.css"/>" />
        <!-- page styles -->
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/topRecommendations.css"/>" />
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/jquery.autocomplete.css"/>" />
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/colorbox.css"/>" />

        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

        <title><s:text name="lector.titolweb"/></title>

        <script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/topRecommendations.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.periodicalupdater.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.autocomplete.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.colorbox.js"/>"></script>
    </head>
    <body>
        <div id="contenidorPrincipalRecomanacions">


            <div id="header">
                <div id="headerLogo">
                    <a id="refreshHomePage" href="<s:url value="/Recommendations/TopRecommendations"/>"><img src="<s:url value="/img/logo-grande.gif"/>" title='<s:text name="lector.titolweb"/>'/></a>
                </div>

                <div id="headerUserInfo">
                    <p><s:text name="lector.benvingut"/>&nbsp;<a href="<s:url value="/UserEdition"/>"><s:property value="#session.usuariConectat.login"/></a></p>
               	</div>	    

                <div id="headerButtons">
                    <a href="<s:url value="/Recommendations/PersonalizedRecommendations"/>" id="readerButton" class="menuButton">Personalized Recommendations</a>
                    <a href="<s:url value="/Recommendations/TopRecommendations"/>" id="mostrarItemsVotats" class="menuButton">Top Recommendations</a>
                    <a href="<s:url value="/Lector/MostrarLector"/>" id="readerButton" class="menuButton">RSS Reader</a>
                    <a class="menuButton" href="<s:url value="/Lector/Logout"/>">Logout</a>

                </div>
            </div>

            <div style="display:none">

                <!-- Caixa emergent que conte el formulari de afegir una subscripcio nova-->

                <div id="addSubscriptionFromRecommendation" style="padding:10px; background:#fff;">

                    <s:form id="formAddSubscriptionFromRecommendation" cssClass="divFlotant">
                        <s:hidden id="urlFeed"/>
                        <s:actionerror/>                             
                        <s:label for="labelFeed">label it! </s:label>
                        <s:textfield id="labelFeed" name="label"/>
                        <s:submit value="Subscribe" id="btnAddRecommendedSubscription" cssClass="buttonFormSubscripcio"/>
                    </s:form>

                    <div id="textLoadingAfegirSubscripcio" class="textLoading"></div>
                </div>

            </div>

            <div id="contingutCaixesRecomanacions">

                <div id="esquerraRecomanacions">

                    <div id="recGlobalFeeds" class="rounded-box">
                        <div class='titol'><span style="margin-left:10px">Top Feeds</span></div>
                        <div id="contingutRecGlobalFeeds" class="contingutRecGlobals">
                        </div>
                    </div>

                    <div id="recGlobalClusters" class="rounded-box">
                        <div class='titol'><span style="margin-left:10px">Top Clusters</span></div>
                        <div id="contingutRecGlobalClusters" class="contingutRecGlobals">
                        </div>
                    </div>

                </div>
                <div id="centreRecomanacions">
                    <img src="<s:url value='/img/glasses.png'/>" title="Hide/Show left column"/>
                </div>

                <div id="dretaRecomanacions">
                    <div id="contingutLectorRecomanacions" class="rounded-box">

                        <div id="textMain">
                            <h3>This is the top recommendations view</h3> <p style="border:1px solid #ffcc33; font-weight:bold; padding:8px;">Click on the <img alt="I Like it!" src="../img/likeit.gif"/> icon wherever you like to subscribe topics or feeds.</p>
                            <p>On this page, you can browse the top elements of the whole system, as well as the top elements filtered by both topics and feeds.</p>
                            
                            <!--div class="showTopItems" style="font-size:2em;padding:30px;font-weight:bold;">Browse top items now!</div-->
                        </div>
                        <div id="topItemsLine" class="showTopItems">
                            Back to top items without filter
                        </div>
                        <div id="llistaItemsSubscripcio" style="display: none; height:98%;">
                        </div>
                    </div>
                </div>

            </div>


        </div>

    </body>
</html>